<template>
  <div id="app">
    <router-view/>
    <!-- <h1>入口</h1> -->
    <!-- <p class="text">{{a}}</p> -->
    <!-- <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </el-row> -->
  </div>
</template>

<script lang="ts">
import Vue from 'vue'
// import request from '@/utils/request'

// request({
//   method: 'GET',
//   url: '/boss/v2/api-docs?group=edu-boss-boot'
// }).then(res => {
//   console.log(res)
// })

// 方式1.。。。。。。。。。。。。。。。。
export default Vue.extend({
  // data () {
  //   return {
  //     a: 1111111,
  //     b: '2',
  //     c: true
  //   }
  // },
  // methods: {
  //   test () {
  //     console.log(this.a)
  //   }
  // }
})

// 方式2.。。。。。。。。。。。。。。。。
// import Vue from 'vue'
// import Component from 'vue-class-component'
// @Component
// export default class App extends Vue {
//   a = 100
//   b = '2'
//   test ():void {
//     console.log(this.a)
//   }
// }
</script>

<style lang="scss" scoped>
// 把公共样式变量注册到全局，就不用这里引入了
// @import "~@/styles/variables.scss";

// .text {
//   color:$warning-color;
// }
</style>
